<template>
	<div class="device-mainbox">
		<router-view></router-view>
		<!--		<div style="width: 100%;">-->
		<!--			<DeviceDetail/>-->
		<!--		</div>-->
		<!--		<div class="device-mainbox"><router-view></router-view></div>-->
	</div>
</template>

<script>
	import DeviceHeader from "../pages/DeviceHeader.vue";
	import DeviceDetail from "../pages/DeviceDetail.vue";

	export default {
		components:{
			DeviceHeader,
			DeviceDetail
		},
		data() {
			return {
				userInfo:{}
			}
		},
		mounted() {
			this.userInfo = this.$store.state.userAllInfos;
		}
	}
</script>

<style>
	.device-mainbox{
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
</style>
